<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>MyJPetStore</title>
    <link rel="StyleSheet" href="../css/jpetstore.css" type="text/css" media="screen"/>
</head>
<body>
<div th:replace="common/top"></div>

<div id="Content">
    <div id="Catalog">

        <form th:action="@{'/account/addAccount'}" name="userInfo" th:object="${newAccount}">
            <h3>User Information</h3>
            <table>
                <tr>
                    <td>User ID:</td>
                    <td>
                        <input type="text" th:field="*{username}" required="required"><br/>
                        <!--添加以下内容-->
                        <!--                            <span id="usernameMsg"></span>-->
                        <!--                            <script type="text/javascript" src="${pageContext.request.contextPath}/js/register.js"></script>-->
                        <!------------------------->
                    </td>
                </tr>
                <tr>
                    <td>New password:</td>
                    <td>
                        <input type="password" th:field="*{password}" required="required">
                    </td>
                </tr>
                <tr>
                    <td>Repeat password:</td>
                    <td><input type="password" name="repeatedPassword" required="required"><br/>
                       <!-- <span id="pwdCheck"></span>-->
                    </td>
                </tr>
                <tr>
                    <td>VerificationCode:</td>
                    <td><input type="text" name="vrifyCode"/><img alt="验证码" onclick="this.src='/kaptcha/defaultKaptcha?d='+new Date()*1" th:src="@{'/kaptcha/defaultKaptcha?d='+'0'}"><br/>
                    </td>
                </tr>
            </table>

            <div th:replace="account/IncludeAccountFields"></div>

            <input type="submit" value="Save Account Information" name="submit" aria-disabled="">
        </form>
    </div>

</div>

<div th:replace="common/bottom"></div>
</body>
</html>